﻿body {
    font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
}

#contenedor {
    position: relative;
    float: left;
    background-color: #fff;
    width: 100%;
    height: auto;
}

/*Estilos Cabecera*/
#cabecera {
    position: relative;
    float: left;
    background-color: #423E3F;
    width: 100%;
    height: 59px;
    margin-bottom: 5px;
}

.btnLimpiar {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../Images/clean32.png);
    background-size: 20px;
    background-color: transparent;
    border: none;
    height: 17px;
    position: relative;
    top: 2px;
}

.ui-Boton {
    border-radius: 5px;
    /*border: 1px solid #0085E4;*/
    background: #0085E4;
    color: white;
}

.ui-Boton2 {
    border-radius: 5px;
    border: 1px solid #53A853;
    background: #53A853;
    color: white;
}

.ui-Boton3 {
    border-radius: 5px;
    /*border: 1px solid #EEAA12;*/
    background: #EEAA12;
    color: white;
}

.ui-Boton4 {
    border-radius: 5px;
    /*border: 1px solid #DE2074;*/
    background: #DE2074;
    color: white;
}

.ui-Boton5 {
    border-radius: 5px;
    /*border: 1px solid #F4590D;*/
    background: #F4590D;
    color: white;
}

#cabecera_celeste {
    position: relative;
    float: left;
    background-color: #28a9e0;
    width: 100%;
    height: 59px;
    margin-bottom: 5px;
    display: inline;
}

#cabecera_logo {
    position: relative;
    float: left;
    width: 35%;
    height: 59px;
}

#aplicacion_nombre {
    position: relative;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding: 15px 0 0 80px;
    width: 50%;
}

.div_usrcontrol {
    position: relative;
    float: left;
    width: 100%;
}

.fila_div {
    position: relative;
    float: left;
    width: 200px;
    margin-bottom: 5px;
}

.div_regresa {
    position: relative;
    float: right;
    margin-bottom: 5px;
    padding-top: 2px;
}
/*Fin estilos cabecera*/

/*Estilos cuerpo*/
.cuerpo {
    width: 100%;
}

.panel_menu {
    color: white;
    padding: 0 0 25px 10px;
    height: auto;
    width: 190px;
    vertical-align: text-top;
    background-color: #444041;
}

.panel_barra {
    background-color: #FFF;
    /*height: 40px;*/
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 1px;
    /*margin-bottom: 5px;*/
}

.saludo {
    position: relative;
    float: left;
    padding-top: 10px;
    /*padding-left: 8px;*/
    color: #000;
    font-size: 14px;
    vertical-align: central;
}

.div_salir {
    position: relative;
    float: right;
}

.panel_titulo {
    /*height:50px;*/
    /*padding-left:15px;*/
    font-size: 15px;
    font-weight: bold;
    /*background-color:#EFEFEF;*/
    /*border-radius:10px;*/
    text-align: left;
    /*padding:15px 5px 0 15px;*/
}

.panel_pagina {
    /*padding-left:10px;*/
    height: auto;
}
/*Fin estilos cuerpo*/

/*Estilos para gridviews*/
.alternate_row {
    background-color: #e1e1e1;
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.row {
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.footer {
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

.header {
    border-right: #000 1px solid;
    border-top: #000 1px solid;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    background-color: #40B6E8;
    /*color:#C5FFFF;*/
    font-weight: 100;
}

.ocultar {
    display: none;
}

/* Deshabilitados */
input[disabled], select[disabled], textarea[disabled] {
    color: #656551;
    border: 1px solid #C3C3C3;
    background-color: #E8E8E8;
}

.deshab {
    color: #656551;
    border: 1px solid #C3C3C3;
    background-color: #E8E8E8;
}

/* Botones de Mantenimiento */
.btnBuscar1 {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../Images/buscar1.png);
    background-size: 20px;
    background-color: transparent;
    border: none;
    height: 17px;
    position: relative;
    top: 2px;
}

.btnBuscar2 {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../Images/buscar2.png);
    background-size: 48px;
    background-color: transparent;
    border: none;
    width: 48px;
    height: 48px;
}



.btnCancelarBusqueda {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../Images/cancelar.png);
    background-size: 16px;
    background-color: transparent;
    height: 18px;
    position: relative;
    top: 2px;
}

.btnMant {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px center;
    border: 1px solid #808080;
    text-align: center;
    height: 25px;
    padding-left: 25px;
    font-size: 10px;
}

    .btnMant:hover {
        border: 1px solid #28a9e0;
        background-color: #aaf5fa;
    }

.Nuevo {
    background-image: url(../Images/nuevo.png);
}

.Contabilizar {
    background-image: url(../Images/Contabilizar.png);
}

.NoContabilizar {
    background-image: url(../Images/NoContabilizar.png);
}

.Liquidar {
    background-image: url(../Images/Liquidar.png);
}

.Autorizar {
    background-image: url(../Images/Aprobar.png);
}

.NoAutorizar {
    background-image: url(../Images/Canc.png);
}

.Editar {
    background-image: url(../Images/editar.png);
}

.arriba {
    background-image: url(../Images/Arriba.png);
}

.abajo {
    background-image: url(../Images/abajo.png);
}

.refresh {
    background-image: url(../Images/Refresh.png);
}

input.bloqueo {
    background-image: url(../Images/bloqueado.png);
}

input.desbloqueo {
    background-image: url(../Images/desbloqueado.png);
}

.Status {
    background-image: url(../Images/Status.png);
}

.Supplier {
    background-image: url(../Images/supplier.png);
}

.imprimirPDF {
    background-image: url(../Images/pdf_16x16.png);
}

.Eliminar {
    background-image: url(../Images/eliminar.png);
}

.Grabar {
    background-image: url(../Images/grabar.gif);
}

.Comentario {
    background-image: url(../Images/Comentarios1.png);
}

.Aceptar {
    background-image: url(../Images/aceptar.gif);
}

.Cancelar {
    background-image: url(../Images/undo.png);
}

.Refrescar {
    background-image: url(../Images/refrescar.png);
}

.Bitacora {
    background-image: url(../Images/bitacora.png);
}

.Reporte {
    background-image: url(../Images/reporte.png);
}

.ExportarExcel {
    background-image: url(../Images/excel.png);
}

.Agregar {
    background-image: url(../Images/agregar.png);
}

.Quitar {
    background-image: url(../Images/quitar.png);
}

.celdaEfectivo {
    background-color: blue\9;
}

.celdaCredito {
    background-color: red\9;
}

.celdaEfectivo:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: blue;
}

.celdaCredito:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
    color: black;
    background-color: red;
}


/* Marcos */
.Contenedor1 {
    border-radius: 5px;
    border: 1px solid #E0E0DF;
    width: 100%;
    padding: 5px;
    margin: 3px 0;
}

.Contenedor2 {
    border-radius: 5px;
    border: 1px solid #E0E0DF;
    width: 100%;
    /*padding:5px;*/
    margin-bottom: 10px;
}

.tdEtiqueta {
    width: 150px;
}

.tdMant1 {
    width: 250px;
}

.tdEtiqueta1 {
    width: 110px;
}

.tdMant2 {
    width: 215px;
}

.ui-datepicker-trigger {
    cursor: pointer;
    position: relative;
    right: 3px;
    top: 3px;
}

.msgLoading .ui-dialog-titlebar-close {
    visibility: hidden;
}

.msgLoading .ui-dialog-titlebar {
    display: none;
}

/*
    ESTILOS PERSONALIZADOS PARA EL COMBOBOX DE TIPO DOCUMENTO:
*/
.jqx-widget-cmbTipoDocumento {
}

.jqx-fill-state-normal-cmbTipoDocumento, .jqx-widget-header-cmbTipoDocumento {
    background-color: #E8E8E8;
    background-image: -moz-linear-gradient(center top, #FAFAFA, #DADADA);
    border-color: #AAAAAA;
}

.jqx-fill-state-hover-cmbTipoDocumento {
    background-color: #E8E8E8;
    background-image: -moz-linear-gradient(center top, #FAFAFA, #DADADA);
    border-color: #999999;
}

.jqx-fill-state-pressed-cmbTipoDocumento {
    background-color: #7A7A7A;
    background-image: -moz-linear-gradient(center top, #989898, #696969);
    border-color: #666666;
    border-image: initial;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #333333;
}

.jqx-grid-column-menubutton-cmbTipoDocumento {
    background-color: rgba(0, 0, 0, 0);
}

.jqx-calendar-row-header-cmbTipoDocumento, .jqx-calendar-top-left-header-cmbTipoDocumento {
    background-color: #F2F2F2;
    border: 0 solid #F2F2F2;
}

.jqx-calendar-column-header-cmbTipoDocumento {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #FFFFFF;
}

.jqx-scrollbar-state-normal-cmbTipoDocumento {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;
}

.jqx-scrollbar-button-state-normal-cmbTipoDocumento {
    background-color: #ECECED;
    border: 1px solid #ECECED;
}

.jqx-scrollbar-thumb-state-normal-cmbTipoDocumento {
    background-color: #E8E8E8;
    background-image: -moz-linear-gradient(left center, #FAFAFA, #DADADA);
    border: 1px solid #BBBBBB;
}

.jqx-scrollbar-thumb-state-hover-cmbTipoDocumento {
    background-color: #E8E8E8;
    border: 1px solid #AAAAAA;
}

.jqx-scrollbar-thumb-state-pressed-cmbTipoDocumento, .jqx-progressbar-value-vertical-cmbTipoDocumento {
    background-color: #7A7A7A;
    background-image: -moz-linear-gradient(left center, #989898, #696969);
    border: 1px solid #666666;
}

.jqx-icon-arrow-up-selected-cmbTipoDocumento {
    background-image: url("images/icon-up-white.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-icon-arrow-down-selected-cmbTipoDocumento {
    background-image: url("images/icon-down-white.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-icon-arrow-left-selected-cmbTipoDocumento {
    background-image: url("images/icon-left-white.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-icon-arrow-right-selected-cmbTipoDocumento {
    background-image: url("images/icon-right-white.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-scrollbar-cmbTipoDocumento .jqx-icon-arrow-up-selected-cmbTipoDocumento {
    background-image: url("images/icon-up.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-scrollbar-cmbTipoDocumento .jqx-icon-arrow-down-selected-cmbTipoDocumento {
    background-image: url("images/icon-down.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-scrollbar-cmbTipoDocumento .jqx-icon-arrow-left-selected-cmbTipoDocumento {
    background-image: url("images/icon-left.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-scrollbar-cmbTipoDocumento .jqx-icon-arrow-right-selected-cmbTipoDocumento {
    background-image: url("images/icon-right.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.jqx-slider-track-horizontal-cmbTipoDocumento, .jqx-slider-track-vertical-cmbTipoDocumento {
    background: none repeat scroll 0 0 #E8E8E8;
    border-color: #E8E8E8;
}

.jqx-slider-rangebar-cmbTipoDocumento {
    background: none repeat scroll 0 0 #7A7A7A;
}

.jqx-grid-column-sortdescbutton-cmbTipoDocumento, jqx-grid-column-filterbutton-cmbTipoDocumento, .jqx-grid-column-sortascbutton-cmbTipoDocumento {
    background-color: rgba(0, 0, 0, 0);
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0;
}

.jqx-scrollbar-button-state-hover-cmbTipoDocumento, .jqx-grid-cell-hover-cmbTipoDocumento, .jqx-menu-item-hover-cmbTipoDocumento, .jqx-menu-item-top-hover-cmbTipoDocumento, .jqx-tree-item-hover-cmbTipoDocumento {
    background-color: #EEEEEE !important;
    background-image: -moz-linear-gradient(center top, #FAFAFA, #EEEEEE);
    border-color: #999999;
    color: #222222 !important;
    filter: none;
    text-shadow: 0 1px 0 #F2F2F2;
}

.jqx-tree-item-selected-cmbTipoDocumento, .jqx-menu-item-selected-cmbTipoDocumento, .jqx-menu-item-top-selected-cmbTipoDocumento {
    background-color: #7A7A7A;
    background-image: -moz-linear-gradient(center top, #989898, #696969);
    border-color: #666666;
    border-image: initial;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #333333;
}

.jqx-expander-header-expanded-cmbTipoDocumento, .jqx-scrollbar-button-state-pressed-cmbTipoDocumento, .jqx-grid-cell-selected-cmbTipoDocumento {
    background-color: #DADADA !important;
    background-image: -moz-linear-gradient(center top, #E8E8E8, #DADADA);
    color: #222222 !important;
    text-shadow: 0 1px 0 #F2F2F2;
}

.jqx-expander-header-expanded-cmbTipoDocumento {
    border-color: #AAAAAA;
}

.jqx-menu-vertical-cmbTipoDocumento {
    background: none repeat scroll 0 0 #E8E8E8;
    filter: none;
}

.jqx-menu-item-arrow-right-selected-cmbTipoDocumento {
    background-image: url("images/icon-right-white.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.jqx-menu-item-arrow-down-selected-cmbTipoDocumento {
    background-image: url("images/icon-down-white.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.jqx-menu-item-arrow-up-selected-cmbTipoDocumento {
    background-image: url("images/icon-up-white.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.jqx-menu-item-arrow-left-selected-cmbTipoDocumento {
    background-image: url("images/icon-left-white.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.jqx-radiobutton-cmbTipoDocumento {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
}

.jqx-radiobutton-default-cmbTipoDocumento {
    background: url("images/roundbg_classic_normal.png") repeat-x scroll left center rgba(0, 0, 0, 0);
    border: 0 solid #C9C9C9;
    border-radius: 0;
    filter: none;
}

.jqx-radiobutton-hover-cmbTipoDocumento {
    background: url("images/roundbg_classic_hover.png") repeat-x scroll left center rgba(0, 0, 0, 0);
    border: 0 solid #000000;
    border-radius: 0;
    filter: none;
}

.jqx-radiobutton-check-checked-cmbTipoDocumento {
    background: url("images/roundbg_check_black.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    filter: none;
    height: 12px;
    margin: 0;
    width: 12px;
}

.jqx-radiobutton-check-indeterminate-cmbTipoDocumento {
    background: url("images/roundbg_check_indeterminate.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    filter: none;
}

.jqx-radiobutton-check-indeterminate-disabled-cmbTipoDocumento {
    background: url("images/roundbg_check_disabled.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    filter: none;
}

.jqx-fill-state-focus-cmbTipoDocumento {
    border-color: #747474;
}

.jqx-grid-bottomright-cmbTipoDocumento, .jqx-panel-bottomright-cmbTipoDocumento, .jqx-listbox-bottomright-cmbTipoDocumento {
    background-color: #EFEFEF;
}

.jqx-tabs-title-selected-top-cmbTipoDocumento, .jqx-tabs-selection-tracker-top-cmbTipoDocumento {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-color: #AAAAAA #AAAAAA #FFFFFF;
    color: #222222;
    filter: none;
    text-shadow: 0 1px 0 #F2F2F2;
}

.jqx-tabs-title-selected-bottom-cmbTipoDocumento, .jqx-tabs-selection-tracker-bottom-cmbTipoDocumento {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #FFFFFF #AAAAAA #AAAAAA;
    border-top: 1px solid #FFFFFF;
    color: #222222;
    filter: none;
    text-shadow: 0 1px 0 #F2F2F2;
}

a.btnsalir, a.btnsalir:hover {
    text-decoration: underline;
    background: #fff;
}
/*
table {border-spacing: 0px;}
td    {padding: 1px;}
*/

a.btndescargarZIP {
    background: url("../images/archivoZIP.png") no-repeat #c7c7c7 left center;
    padding: 15px 18px 0 37px;
    height: 35px;
    display: inline-block;
    text-decoration: inherit;
    cursor: pointer;
    border: 1px solid #fff;
}

    a.btndescargarZIP:hover {
        border: 1px solid gray;
    }

.fileinput-button {
    background: url("../images/agregarZIP.png") no-repeat #c7c7c7 left center;
    padding: 15px 18px 0 37px;
    height: 35px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
}

    .fileinput-button:hover {
        border: 1px solid gray;
    }


    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

image {
    border: none;
}

.separador {
    padding: 0 5px;
}

.celdaBtnBusqueda {
    vertical-align: middle;
    text-align: center;
    padding: 0 15px;
    width: 20%;
}

.EstiloBoldL {
    font-weight: bold;
    text-align: right;
}

label, input {
    font-size: 11px;
}

.ui-datepicker {
    z-index: 1000 !important;
    font-size: 11px !important;
    font-family: 'Titillium Web', sans-serif !important;
}

.ui-widget {
    font-size: 11px !important;
    font-family: 'Titillium Web', sans-serif !important;
}

.ui-dropdownchecklist {
    z-index: 1000 !important;
}

.estadoInforme {
    color: rgb(255, 255, 255);
    width: 125px;
    text-align: center;
    height: 17px;
    vertical-align: middle;
    display: table-cell;
}
